<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>网吧管理系统</title>
<link rel="stylesheet" href="css/style.default.css" type="text/css" />

<link rel="stylesheet" href="css/responsive-tables.css">
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript" src="js/modernizr.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.uniform.min.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.min.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.resize.min.js"></script>
<script type="text/javascript" src="js/responsive-tables.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
</head>

<body>

<div class="mainwrapper">
    
    <div class="header">
        <div class="logo">
            <a href="dashboard.html"><div style="color:white;font-size:20px;" >网吧管理系统</div></a>
        </div>
        <div class="headerinner">
            <ul class="headmenu">
                <li class="odd">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <span class="count">4</span>
                        <span class="head-icon head-message"></span>
                        <span class="headmenu-label">消息</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="nav-header">消息</li>
                        <li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
						<li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
						<li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
						<li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
					    <li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
                        <li class="viewmore"><a href="messages.html">查看更多</a></li>
                    </ul>
                </li>
            </ul><!--headmenu-->
        </div>
    </div>
    
    <div class="leftpanel">
        
        <div class="leftmenu">        
            <ul class="nav nav-tabs nav-stacked">
            <!--	<li class="nav-header">Navigation</li>-->
                <li ><a href="dashboard.html"><span class="iconfa-laptop"></span> 首页</a></li>
              <!--  <li><a href="buttons.html"><span class="iconfa-hand-up"></span> Buttons &amp; Icons</a></li>-->
                <li class="dropdown active"><a href=""><span class="iconfa-pencil"></span> 首页</a>
                	<ul>
                    	<li><a href="prodSale.html">商品销售</a></li>
                        <li><a href="orderList.html">点单信息</a></li>
                        
                    </ul>
                </li>
                <li class="dropdown"><a href=""><span class="iconfa-briefcase"></span> 会员管理</a>
                	<ul>
                    	<li><a href="membListOnline.html">会员列表</a></li>
                        <li><a href="membRoam.html">会员漫游</a></li>
                        
                    </ul>
                </li>
                <li class="dropdown"><a href=""><span class="iconfa-th-list"></span> 商品管理</a>
                	<ul>
                    	<li><a href="prodList.html">商品列表</a></li>
                        <li><a href="prodAdd.html">商品种类</a></li>
						<li><a href="prodIn.html">进货入库</a></li>
						<li><a href="prodInLog.html">进货记录</a></li>
                    </ul>
                </li>
				 <li class="dropdown"><a href=""><span class="iconfa-th-list"></span> 统计汇总</a>
                	<ul>
                    	<li><a href="cash.html">现金流</a></li>
                        <li><a href="prodSaleLog.html">销售记录</a></li>
						<li><a href="statCash.html">现金汇总</a></li>
						<li><a href="statProd.html">货品盘点</a></li>
						<li><a href="operateLog.html">操作记录</a></li>
                    </ul>
                </li>
                
                <li class="dropdown"><a href=""><span class="iconfa-book"></span> 运维管理</a>
                	<ul>
                    	<li><a href="faultRpt.html">故障报修</a></li>
                      
                    </ul>
                </li>
               <li class="dropdown"><a href=""><span class="iconfa-book"></span> 员工管理</a>
                	<ul>
                    	<li><a href="empList.html">员工列表</a></li>
						<li><a href="emplAdd.html">员工入职</a></li>
						<li><a href="salary.html">工资结算</a></li>
                    </ul>
                </li>
				<li class="dropdown"><a href=""><span class="iconfa-book"></span> 系统设置</a>
                	<ul>
                    	<li><a href="setting.html">系统设置</a></li>
						<li><a href="authority.html">权限控制</a></li>
						<li><a href="404.html">404</a></li>
                    </ul>
                </li>
            </ul>
        </div><!--leftmenu-->
        
    </div><!-- leftpanel -->
    
    <div class="rightpanel">
        
        <ul class="breadcrumbs">
            <li><a href="dashboard.html"><i class="iconfa-home"></i></a> <span class="separator"></span></li>
            <li>首页</li>
            <li class="right">
                    <a href="" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-tint"></i>皮肤</a>
                    <ul class="dropdown-menu pull-right skin-color">
                        <li><a href="default">默认</a></li>
                        <li><a href="navyblue">深蓝</a></li>
                        <li><a href="palegreen">浅绿</a></li>
                        <li><a href="red">红色</a></li>
                        <li><a href="green">绿色</a></li>
                        <li><a href="brown">棕色</a></li>
                    </ul>
            </li>
        </ul>
        
        <div class="pageheader">
            <form action="results.html" method="post" class="searchbar">
                <input type="text" name="keyword" placeholder="查询" />
            </form>
            <div class="pageicon"><span class="iconfa-laptop"></span></div>
            <div class="pagetitle">
                <h5>总览</h5>
                <h1>首页</h1>
            </div>
        </div><!--pageheader-->
       
        <div class="maincontent">
            <div class="maincontentinner">
                
                
                <div class="footer">
                    <div class="footer-left">
                        <span>&copy; 2013. netBar. All Rights Reserved.</span>
                    </div>
                    <div class="footer-right">
                        <span>Designed by: Mr. chen</span>
                    </div>
                </div><!--footer-->
                
            </div><!--maincontentinner-->
        </div><!--maincontent-->
      
    </div><!--rightpanel-->
    
</div><!--mainwrapper-->
<script type="text/javascript">
    jQuery(document).ready(function() {
        
      // simple chart
		var flash = [[0, 11], [1, 9], [2,12], [3, 8], [4, 7], [5, 3], [6, 1]];
		var html5 = [[0, 5], [1, 4], [2,4], [3, 1], [4, 9], [5, 10], [6, 13]];
      var css3 = [[0, 6], [1, 1], [2,9], [3, 12], [4, 10], [5, 12], [6, 11]];
			
		function showTooltip(x, y, contents) {
			jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css( {
				position: 'absolute',
				display: 'none',
				top: y + 5,
				left: x + 5
			}).appendTo("body").fadeIn(200);
		}
	
			
		var plot = jQuery.plot(jQuery("#chartplace"),
			   [ { data: flash, label: "Flash(x)", color: "#6fad04"},
              { data: html5, label: "HTML5(x)", color: "#06c"},
              { data: css3, label: "CSS3", color: "#666"} ], {
				   series: {
					   lines: { show: true, fill: true, fillColor: { colors: [ { opacity: 0.05 }, { opacity: 0.15 } ] } },
					   points: { show: true }
				   },
				   legend: { position: 'nw'},
				   grid: { hoverable: true, clickable: true, borderColor: '#666', borderWidth: 2, labelMargin: 10 },
				   yaxis: { min: 0, max: 15 }
				 });
		
		var previousPoint = null;
		jQuery("#chartplace").bind("plothover", function (event, pos, item) {
			jQuery("#x").text(pos.x.toFixed(2));
			jQuery("#y").text(pos.y.toFixed(2));
			
			if(item) {
				if (previousPoint != item.dataIndex) {
					previousPoint = item.dataIndex;
						
					jQuery("#tooltip").remove();
					var x = item.datapoint[0].toFixed(2),
					y = item.datapoint[1].toFixed(2);
						
					showTooltip(item.pageX, item.pageY,
									item.series.label + " of " + x + " = " + y);
				}
			
			} else {
			   jQuery("#tooltip").remove();
			   previousPoint = null;            
			}
		
		});
		
		jQuery("#chartplace").bind("plotclick", function (event, pos, item) {
			if (item) {
				jQuery("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
				plot.highlight(item.series, item.datapoint);
			}
		});
    
        
        //datepicker
        jQuery('#datepicker').datepicker();
        
        // tabbed widget
        jQuery('.tabbedwidget').tabs();
        
        
    
    });
</script>
</body>
</html>
